<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="/common/common.jspf"%>
<script type="text/javascript"
	src="${ctx}/js/suppfille/suppfille_add.js">
</script>
<style type="text/css">
.col-sm-3 {
	width: 15%;
	float: left;
}

.col-sm-9 {
	width: 85%;
	float: left;
}

label[class^="btn btn-default"] {
	margin-top: -4px;
}
</style>
</head>
<body>
	<div class="l_err" style="width: 100%; margin-top: 2px;"></div>
	<form id="form" name="form" class="form-horizontal" method="post"
		action="${ctx}/supp/supp_addEntity.shtml">
		<input type="hidden" class="form-control checkacc" value="${before.id}"
			name="suppFilleFromMap.id" id="id">
		<section class="panel panel-default">
		<div class="panel-body">
			<div class="line line-dashed line-lg pull-in"></div>
			<div class="form-group">
				<label class="col-sm-3 control-label">供应商名称</label>
				<div class="col-sm-9">
					<input type="text" class="form-control checkabh"
						placeholder="供应商名称" name="suppFilleFromMap.suppName"
						id="suppName">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">供应商编码</label>
				<div class="col-sm-9">
					<input type="text" class="form-control checkName"
						placeholder="请输入物料BOM名称" name="suppFilleFromMap.suppNumber"
						id="suppNumber" >
				</div>
			</div>
			<div class="line line-dashed line-lg pull-in"></div>
			<div class="form-group">
				<label class="col-sm-3 control-label">采购合同编号</label>
				<div class="col-sm-9">
					<input type="text" class="form-control checkName"
						placeholder="请输入物料BOM名称" name="suppFilleFromMap.purchaseNo"
						id="purchaseNo">
				</div>
			</div>
			<div class="line line-dashed line-lg pull-in"></div>
			<div class="form-group">
				<label class="col-sm-3 control-label">服务等级</label>
				<div class="col-sm-9">
					
					<input type="text" class="form-control checkName"
						placeholder="连接" name="suppFilleFromMap.gradeService"
						id="gradeService" >
		
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">备注</label>
				<div class="col-sm-9">
					<input type="text" class="form-control checkName"
						placeholder="请输入备注" name="suppFilleFromMap.remark"
						id="materialNo">
				</div>
			</div>
			
			
			<!-- 开始处理清单 -->
			<div class="line line-dashed line-lg pull-in"></div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">物料清单子项</h3>
				</div>
				<div class="panel-body">
					<table class="table table-bordered" >
						<thead>
							<tr>
								<th style="text-align: center;width:135px;">供应商编码</th>
								<th style="text-align: center;width:136px;">物料编码</th>
								<th style="text-align: center;width:176px;">产品名称</th>
								<th style="text-align: center;width:136px;">单位</th>
								<th style="text-align: center;width:136px;">单价</th>
								<th style="text-align: center;width:136px;">品质</th>
								<th style="text-align: center;width:136px;">规格</th>
								<th style="text-align: center;"><input type="button"
									class="btn btn-primary" onclick="insert_row(this)" value="增加"></th>
								<th style="text-align: center;"><input type="button"
									class="btn btn-danger" onclick="deleteRow(this)" value="删除"></th>
							</tr>
						</thead>
						<tbody id="tbl">
						</tbody>
					</table>
				</div>
			</div>

		</div>
		<footer class="panel-footer text-right bg-light lter">
		<button type="submit" class="btn btn-success btn-s-xs">提交</button>
		</footer> </section>
	</form>

	<script type="text/javascript">
		var i = 0
		function insert_row(obj) {
			i++;
			R = tbl.insertRow(tbl.rows.length);
			C = R.insertCell(0);
			C.innerHTML = '<div class="input-group"><input type="text" class="form-control" id="sippNumber1" name="sippNumber1" ></div>';
			C = R.insertCell(1);
			C.innerHTML = '<div class="input-group"><input type="text" class="form-control"name="materialNo1"></div>';
			C = R.insertCell(2);
			C.innerHTML = '<div class="input-group"><input type="text" class="form-control"name="productName1"></div>';
			C = R.insertCell(3);
			C.innerHTML = '<div class="input-group"><input type="text" class="form-control"name="unit1"></div>';
			C = R.insertCell(4);
			C.innerHTML = '<div class="input-group"><input type="text" class="form-control"name="newprice1"></div>';
			C = R.insertCell(5);
			C.innerHTML = '<div class="input-group"><select style="width:130px;" class="form-control" id="salesman" name="qualityId1"><option value=" ">请选择</option><c:forEach var="key" items="${qualitya}" ><option value="${key.id}"${key.id==supp.qualityId?'selected':'' }>${key.quality }</option>	</c:forEach></select></div>';
			C = R.insertCell(6);
			C.innerHTML = '<div class="input-group"><select class="form-control" id="salesman" name="materType1"><option value=" ">请选择</option><c:forEach var="key" items="${Model}" ><option value="${key.id}"${key.id==supp.materType?'selected':'' }>${key.name }</option>	</c:forEach></select></div>';
			C = R.insertCell(7);
			C.innerHTML = '<input type="button" class="btn btn-primary" onclick ="insert_row(this)" value = "增加">';
			C = R.insertCell(8);
			C.innerHTML = '<input type="button" class="btn btn-danger" onclick ="deleteRow(this)" value ="删除">';

		}
		function deleteRow(obj) {
			var i = obj.parentNode.parentNode.rowIndex;
			if (i > 0) {
				tbl.deleteRow(i-1);
			}
		}
	</script>
	<script type="text/javascript">
	$(function() {
		 $("#suppNumber").change(function() {
			var suppNumber = $("#suppNumber").val();
			var sippNumber1 = $("#sippNumber1").val();
			$("#sippNumber1").val(suppNumber);
		}); 
	});
	$(function() {
		 $("#sippNumber1").change(function() {
			var suppNumber = $("#sippNumber1").val();
			
			$("#sippNumber1").val(suppNumber);
		}); 
	});
</script>
	
	
	
</body>
</html>